/**
 *  @互联家
 *  @tabBar订单 订单管理 样式表
 */

import { Dimensions } from 'react-native';

const { width, height } = Dimensions.get('window');

export default ({
  scrollContainer:{
    width,
    backgroundColor: '#ffffff',
  },
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
  },
  orderItem: {
    width: width - 40,
    marginTop: 10,
    marginBottom: 10
  },
  orderItemIdBox: {
    flexDirection: 'row',
    justifyContent: 'space-between',
    alignItems: 'center',
  },
  orderItemId: {
    fontSize: 14,
    color: '#222222',
  },
  orderItemStatus: {
    fontSize: 14,
    color: '#333333'
  },
  orderItemStatusActive: {
    fontSize: 14,
    color: '#ff3333'
  },
  orderItemTheme: {
    flexDirection: 'row',
    justifyContent: 'space-between',
    alignItems: 'center',
    paddingTop: 10,
    paddingBottom: 10
  },
  orderItemThemeImage: {
    width: (width - 40) / 4,
    height: 110
  },
  orderItemThemeMain: {
    width: (width - 40) / 4 * 3,
    paddingLeft: 8
  },
  orderItemThemeMainRowStart: {
    flexDirection: 'row',
    justifyContent: 'flex-start',
    alignItems: 'center'
  },
  orderItemThemeMainRowEnd: {
    flex: 1,
    justifyContent: 'flex-end',
    alignItems: 'flex-end',
  },
  orderItemThemeTitle: {
    fontSize: 17,
    color: '#222222',
  },
  orderItemThemeComment: {
    fontSize: 15,
    color: '#666666',
    paddingTop: 3,
    paddingBottom: 3
  },
  orderItemThemeNowFee: {
    fontSize: 18,
    fontWeight: '600',
    color: '#000000'
  },
  orderItemThemeOldFee: {
    marginLeft: 4,
    fontSize: 12,
    color: '#666666',
    textDecorationLine: 'line-through',
  },
  orderItemThemeNum: {
    fontSize: 14,
    color: '#666666'
  },
  orderItemTotalFee: {
    paddingTop: 10,
    paddingBottom: 10,
    flexDirection: 'row',
    justifyContent: 'flex-end',
    borderBottomWidth: 1,
    borderBottomColor: '#dfdfdf'
  },
  orderItemTotalFeeTheme: {
    fontSize: 15,
    color: '#444444',
  },
  orderItemDetailButton: {
    flexDirection: 'row',
    justifyContent: 'flex-end',
    paddingTop: 10,
    paddingBottom: 10
  },
  orderItemDetailButtonBox: {
    width: 120
  }
});